/*------------------------------------------------------------------------
# "Hot Sportal" Joomla template - August, 2010
# Copyright (C) 2010 ArhiNet d.o.o. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotJoomlaTemplates.com
# Website: http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/

@font-face {
    font-family: 'SansationRegular';
    src: url('sansation_regular-webfont.eot');
    src: url('sansation_regular-webfont.eot?iefix') format('eot'),
         url('sansation_regular-webfont.woff') format('woff'),
         url('sansation_regular-webfont.ttf') format('truetype'),
         url('sansation_regular-webfont.svg#webfontNhEUdZcB') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SansationBold';
    src: url('sansation_bold-webfont.eot');
    src: url('sansation_bold-webfont.eot?iefix') format('eot'),
         url('sansation_bold-webfont.woff') format('woff'),
         url('sansation_bold-webfont.ttf') format('truetype'),
         url('sansation_bold-webfont.svg#webfontFqQEOrhS') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* basics */
a:link,a:visited {
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}

a.readon:link,a.readon:visited,
a.readmore:link,a.readmore:visited {
  display:block;
  text-decoration:none;
  text-align:right;
  font-weight:bold;
}

a.readon:hover,
a.readmore:hover {
  text-decoration:underline;
}

.readmore {
  text-align:right;
}

.readmore a:link, .readmore a:visited {
  font-weight:bold;
  text-decoration:none;
}

img.home {
  margin:0 10px 10px 0;
  float:left;
}

img.home_right {
  margin:0 0 10px 10px;
  float:right;
}

img.interviews {
  margin-right:6px;
  float:left;
}

p {
  margin:0 0 7px 0;
}

.content_wrap p {
  margin:0 0 12px 0;
}

img {
  border:0;
}

fieldset {
  border:0;
}

h1 {
  font-family:'SansationRegular', Arial, Helvetica, sans-serif;
  font-size:32px;
  font-weight:normal;
  margin:0 0 5px;
}

.content_wrap h1 {
  padding:0 3px;
}

h2 {
  font-size:22px;
  font-weight:normal;
  padding:3px 0 12px 0;
  margin:0;
  text-decoration:none;
}

ul.actions {
  margin:0 !important;
  padding:0 !important;
}

ul.actions li {
  margin:0 !important;
  padding:0 !important;
  list-style:none;
  float:right;
  width:25px;
  position:relative;
  top:-25px;
}

.details-category {
  width:50%;
  float:left;
}

.details-category a:link, .details-category a:visited {
  text-decoration:none;  
}

.details-category a:hover {
  text-decoration:underline;  
}

.details-date {
  width:20%;
  float:right;
  text-align:right;
}

.details-author {
  font-size:85%;
  font-style:italic;
  padding-bottom:5px;
}

/* multi-column layout */

.cols-2 div.item {
  width:48%;
  float:left;
  margin:0 2% 0 0;
}

.cols-3 div.item {
  width:31%;
  float:left;
  margin:0 2% 0 0;
}

.cols-4 div.item {
  width:23%;
  float:left;
  margin:0 2% 0 0;
}

/* category list layout */

.category {
  width:100%;
}

.category th {
  color:#eee;
  font-weight:700;
  padding:5px;
  text-align:left;
  border-bottom:1px dotted #cccccc;
}

.cat-list-row0 td {
  padding:5px;
  text-align:left;
}

.cat-list-row1 td {
  padding:5px;
  text-align:left;
  background:#f3f3f3;
}

.category .list-title {
  width:50%;
}

.category .list-date {
  width:20%;
}

.category .list-author {
  width:20%;
}

.category .list-hits {
  width:10%;
}

.category td.hits {
  text-align:center;
}

/* contacts category layout */

.category .item-title {
  width:20%;
}

.category td.item-title a:link,
.category td.item-title a:visited,
.category td.item-title a:hover {
  text-decoration:underline;
}

.category .item-position {
  width:20%;
}

.category .item-phone {
  width:20%;
  color:#333;
}

.category .item-suburb {
  width:20%;
}

.category .item-state {
  width:20%;
}

/* contact form */

div.pane-slider {
  background:none;
  color:#333;
}

.jicons-icons img {
  float:left;
}

.jicons-icons img {
  float:left;
  margin-right:10px;
}

address span.contact-street {
  padding:0 8px 0 0;
  display:block;
}

address span.contact-suburb,
address span.contact-state,
address span.contact-postcode,
address span.contact-country {
  padding:0 8px 0 25px;
  display:block;
}

.contact-email label {
  display:block;
  float:left;
  width:100px;
}

.contact-email .inputbox {
  margin-bottom:10px;
}

.contact-email .button {
  margin-top:30px;
}

/* pane toggler */

.pane-toggler-down, .pane-toggler {
  background:#222;
  padding:5px 20px;
}

.pane-toggler-down a, .pane-toggler a {
  color:#fff !important;
}

.pane-sliders .content {
  padding:0 20px;
}

.small {
  font-size:10px;
  color:#999;
  text-decoration:none;
}

.counter {
  text-align:right;
}

.pagination ul {
  margin:0 0 10px 0 !important;
  padding:0 !important;
  float:right
}

.pagination li {
  list-style:none;
  float:left;
}

span.pagenav {
  background:#cecece;
  color:#fff;
  padding:4px 12px;
  font-family:'SansationRegular', Arial, Helvetica, sans-serif;
  text-transform:uppercase;
}

a.pagenav {
  color:#fff !important;
  padding:4px 12px;
  text-decoration:none;
  font-family:'SansationRegular', Arial, Helvetica, sans-serif;
  text-transform:uppercase;
}

.inputbox {
  border:0;
  background:url(../images/button_bg.png) repeat-x;
  font-size:11px;
  color:#000;
  padding:4px;
  font-family:Arial, Helvetica, sans-serif;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

textarea.inputbox {
  background:#ccc;
}

.search .inputbox {
  background:url(../images/search_bg.png) no-repeat;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  color:#fff;
  padding:6px;
}

.button {
  background:url(../images/button_bg.png) repeat-x;
  color:#c10000;
  border:none;
  padding:3px 10px;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
}

table.searchinto {
  width:100%;
}

form {
  margin:0;
  padding:0;
}

.article_column {
  padding:0;
}

.article_separator {
  height:1px;
  border-bottom:1px dotted #8e8e8e;
  display:block;
}

.item-separator {
  clear:both;
  border-bottom:1px dotted #333;
  margin-bottom:10px;
}

/* lists */

ol {
  margin-left:20px;
  padding-left:7px;
}

ol li {
  padding-left:0;
  padding-top:0;
  padding-bottom:5px;
}

li ol {
  padding-top:5px;
}

.content_wrap ul {
  margin:0 0 0 25px;
  padding:0;
}

.content_wrap ul li {
  padding-left:5px;
  padding-top:0;
  padding-bottom:5px;
}

.content_wrap li ul {
  padding-top:5px;
}

.content_wrap li ul li {
  background:none;
  list-style-type:circle;
  margin-left:20px;
  padding-left:0;
}

ul.checklist li {
  background:url(../images/icon_checklist.png) no-repeat;
  padding-left:22px;
  margin-bottom:5px;
  list-style:none;
}

ul.arrow li {
  background:url(../images/icon_arrow.png) no-repeat;
  padding-left:22px;
  margin-bottom:5px;
  padding-top:1px;
  list-style:none;
}

ul.star li {
  background:url(../images/icon_star.png) no-repeat;
  padding-left:22px;
  margin-bottom:5px;
  list-style:none;
}

/* menu */

.column_right ul.menu,
.column_left ul.menu,
ul.newsfeed {
  margin:0;
  padding:0;
}

.column_right ul.menu li,
.column_left ul.menu li,
ul.newsfeed li.newsfeed-item {
  margin:0;
  list-style:none;
  padding:0px;
  border-bottom:1px dotted #8e8e8e;
}

ul.newsfeed li.newsfeed-item h4 {
  margin:0;
  padding:0;
}

.column_right ul.menu li:hover,.column_left ul.menu li:hover {
}

.column_right ul.menu li a:link,.column_right ul.menu li a:visited,
.column_left ul.menu li a:link,.column_left ul.menu li a:visited,
ul.newsfeed li a:link, ul.newsfeed li a:visited {
  text-decoration:none;
  display:block;
  padding:3px 0;
  font-weight:normal;
}

.column_right ul.menu li ul,.column_left ul.menu li ul {
  margin:0;
  padding:0;
  display:block;
}

.column_right ul.menu li ul li,.column_left ul.menu li ul li,
.column_right ul.menu li ul li:hover,.column_left ul.menu li ul li:hover {
  margin:0;
  padding:0 15px;
  background:none;
}

.column_right li.active a:link,.column_right li.active a:visited,.column_left li.active a:link,.column_left li.active a:visited {
  padding:7px;
}

.column_right ul.menu li ul li.current a:link,.column_right ul.menu li ul li.current a:visited,.column_left ul.menu li ul li.current a:link,.column_left ul.menu li ul li.current a:visited {
  color:#e4e37c;
  background:none;
  padding:7px;
  font-size:11px;
  text-transform:uppercase;
  font-weight:normal;
}

.column_right ul.menu li ul li a:link,.column_right ul.menu li ul li a:visited,.column_right ul.menu li.current ul li a:link,.column_right ul.menu li.current ul li a:visited,.column_left ul.menu li ul li a:link,.column_left ul.menu li ul li a:visited,.column_left ul.menu li.current ul li a:link,.column_left ul.menu li.current ul li a:visited {
  color:#ccc;
  background:none;
  padding:7px;
  font-size:11px;
  text-transform:uppercase;
  font-weight:normal;
}

.header_menu a {
  text-decoration:none;
}

.footer ul.menu {
  margin:0;
  padding:0;
}

.footer ul.menu li {
  list-style:none;
  float:left;
}

.footer ul.menu li a:link,.footer ul.menu li a:visited {
  color:#fff;
  text-decoration:none;
  display:block;
  padding:0 15px 7px 0;
  font-weight:normal;
}

.footer ul.menu li a:hover {
  color:#fff;
  text-decoration:underline;
}

.footer2 a:link,.footer2 a:visited {
  color:#fff;
}

.upper ul.menu,
.bottom ul.menu {
  margin:0;
  padding:0;
}

.upper ul.menu li,
.bottom ul.menu li {
  margin:0;
  padding:0;
  list-style:none;
}

.upper ul.menu li span,
.bottom ul.menu li span {
  height:64px;
  display:block;
  line-height:16px;
}

.upper ul.menu li img,
.bottom ul.menu li img {
  clear:both;
  padding-right:10px;
}

.bottom ul.menu li a:link,.bottom ul.menu li a:visited,
.upper ul.menu li a:link,.upper ul.menu li a:visited {
  text-decoration:none;
  display:block;
  padding:7px;
  color:#6D6D6D;
}

.bottom ul.menu li a:hover,
.upper ul.menu li a:hover {
  text-decoration:underline;
}

.user2 .moduletable {
  padding-bottom:6px !important;  
}

.header_menu ul {
  margin:0;
  padding:0;  
}

.header_menu li {
  float:right;
  list-style:none;
  margin:0 0 0 10px;
  padding:0;
}

/* top menu */

#nav,#nav ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:absolute;
  z-index:100;
}

#nav ul {
  display:none;
}

#nav li.active a {
  color:#fff;
}

#nav li.active ul a {
  background:none;
}

#nav > li.active {
  border:none;
  color:#fff;
  background:url(../images/topmenu_active_bg.png) repeat-x bottom;
  -moz-border-radius:6px 6px 0 0;
  -webkit-border-radius:6px 6px 0 0;
  margin:4px 0 0 0;
  padding-bottom:10px;
  padding-top:7px;
  border-radius: 6px 6px 0 0;
  position:relative;
}

#nav a {
  display:block;
  text-decoration:none;
  font-family:'SansationRegular', Arial, Helvetica, sans-serif;
  font-size:14px;
  text-transform:uppercase;
}

#nav li:hover ul li a, #nav li ul li a {
  padding:1px 8px;
  margin:5px 0;
  border:none;
  text-transform:none;
}

#nav > li {
  float:left;
  position:relative;
  border-right:2px dotted #b5b5b5;
  padding:3px 20px 10px 18px;
  margin:8px 0 0 0;
}

#nav li ul a:hover {
  color:#fff;
}

#nav li ul li,#nav li ul li ul {
  margin:0;
  padding:0;
  float:left;
  cursor:pointer;
}

#nav li ul a {
  line-height:normal;
}

#nav li ul ul {
  display:none;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
  left:-9999px;
}

#nav li:hover ul, #nav li ul {
  width:777px;
  background: url(../images/topmenu_sub_bg2.png) no-repeat;
}

#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul {
  display:none;
}

#nav ul li a {
  font-size:13px;
  color:#fff;
  font-weight:normal;
  text-transform:none;
}

#nav li ul a:hover {
  color:#fff;
}

#nav ul ul {
  top:0;
  z-index:200;
  display:none;
}

#nav ul.menu li ul li.current a:link, #nav ul.menu li ul li.current a:visited {
  font-size:13px;
}

#nav2, #nav2 ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:absolute;
  z-index:100;
}

#nav2 ul {
  display:none;
}

#nav2 a {
  display:block;
  padding:5px;
  margin:6px 0;
  text-decoration:none;
  font-family:'SansationRegular', Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:400;
  text-transform:uppercase;
}

#nav2 > li a:hover {
  padding:5px;
  color:#000 !important;
}

#nav2 > li.active a:hover {
  padding:5px;  
}

#nav2 > li.active a {
  border:1px solid #000;
  margin:5px 0;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#ccc;
  border-radius: 5px;
  position:relative;
}

#nav2 li:hover ul li a {
  color:#fff;
}

#nav2 li:hover ul a {
  background:none;
  padding:5px;
  margin:5px 0;
}

#nav2 li:hover ul li a:hover {
  color:#000;
  border:none;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  position:relative;
  padding:5px;
  background:#fff;
}

#nav2 li.current ul li a, #nav2 li.active ul li a {
  border:none;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  position:relative;
}

#nav2 li:hover ul {
  background:#000;
  color:#fff;
  margin-top:4px;
}

#nav2 li {
  float:left;
  position:relative;
  margin:0 5px;
}

#nav2 li ul a:hover {
  color:#fff;
}
#nav2 li ul li, #nav2 li ul li ul {
  margin:0;
  padding:0;
  float:none;
  cursor:pointer;
}

#nav2 li ul a {
  width:166px;
  line-height:normal;
  padding:7px;
}

#nav2 li ul ul {
  left:180px;
  margin:0;
}

#nav2 li:hover ul ul,#nav li:hover ul ul ul,#nav2 li:hover ul ul ul ul {
  display:none;
}

#nav2 li:hover ul,#nav li li:hover ul,#nav2 li li li:hover ul,#nav2 li li li li:hover ul {
  display:block;
}

#nav2 ul li a {
  font-size:13px;
  color:#fff;
  font-weight:normal;
  text-transform:none;
}

#nav2 ul ul{
  top:0px;
  z-index:200;
}


/* modules */
div.moduletable {
  padding:0 6px;
}

.gallery div.moduletable,
.column_left_bottom div.moduletable,
.column_right_bottom div.moduletable {
  padding:0;
}

.column_right div.moduletable,
.column_left div.moduletable {
  margin-bottom:20px;
}

div.moduletable h3 {
  font-size:18px;
  margin:0 0 10px;
  padding:0 0 5px;
  font-weight:normal;
  font-family:'SansationRegular', Arial, Helvetica, sans-serif;
}

div.moduletable h3 span {
  font-weight:bold;
}

#c1,#c2,#c3,#c4,#c5,#c6,#c7,#c8 {
  margin-right:3px;
  padding:10px 0 5px 0;  
}

#c1.last, #c2.last, #c3.last, #c4.last {
  margin-right:0;  
}


.bottom div.moduletable h3 {
  font-size:18px;
  font-weight:normal;
  border-bottom:1px solid #8e8e8e;
}

.bottom div.moduletable {
  padding:0 10px;
}

.bottom a:link,.bottom a:visited {
  text-decoration:underline;
}

.bottom a:hover {
  text-decoration:none;
}

div.newsflash {
  background:url(../images/bg_transparent_black.png);
  padding:6px 3px;
}

.newsflash .article_separator {
  border-bottom:2px dotted #c10000;
  clear:both;
  margin:7px 0;
}

.poll tr {
  height:20px;
}

.poll tbody {
  height:25px;
  vertical-align:top;
  text-align:center;
}

/* typography */
.warning {
  padding:15px 15px 15px 60px;
  color:#000;
  border-top:4px solid #c10000;
  border-bottom:4px solid #c10000;
  background:#FFDE25 url(../images/warning.png) no-repeat center left;
}

.info {
  padding:15px 15px 15px 60px;
  color:#006699;
  border-top:4px solid #006699;
  border-bottom:4px solid #006699;
  background:#bde1ff url(../images/info.png) no-repeat center left;
}

.error {
  padding:15px 15px 15px 60px;
  color:#900;
  border-top:4px solid #900;
  border-bottom:4px solid #900;
  background:#f8b5b5 url(../images/error.png) no-repeat center left;
}

.code {
  padding:15px 0;
  color:#218023;
  font-family:"Courier New", Courier, monospace;
  font-size:14px;
}

.quote {
  padding:8px;
  font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size:18px;
  text-align:center;
  background:#000 url(../images/quote_bg.gif);
  color:#fff;
  font-style:italic;
}

.hotcarousel h2 {
  text-align:right;
  font-family:'SansationBold', Verdana, Geneva, sans-serif;
  font-weight:bold;
  font-size:28px;
  background:url(../images/h2_line.png) bottom right no-repeat;
}

.hotcarousel a.readon {
  font-family:'SansationBold', Verdana, Geneva, sans-serif;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
}



.highlights_intro {
  background: url(../images/scroll_bg.png) no-repeat;
}

.highlights_intro_pad {
  padding-left:5px;
}


h4.feed-link:hover {
  text-decoration:underline;
  color: #ffffff;
  }
  
  
#mod-top-spot {
    display: block;
    left: 100px;
    overflow: hidden;
    position: absolute;
    top: 0px;
}

a.forumlink {
    color: #C10000;
    font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
    font-size: 1.1em;
    font-weight: bold;
}